<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="utf-8">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>


<body>
    <div id="app">
        <p v-if="seen">i see you</p>
        <a v-bind:href="url">....</a>
        <div @click="click1">
            <div @click.stop="click2">
                click me
            </div>
        </div>
    </div>
    <script type="text/javascript">
      var vm=new Vue({
        el:"#app",
        data:{
            seen:false,
            url:"https://cn.vuejs.org/v2/guide/syntax.html#%E6%8C%87%E4%BB%A4"
        },
        methods:{
            click1:function(){
                console.log('click1....');
            },
            click2:function(){
                console.log('click2....')
            }
        }
      });
    </script>
</body>

</html>